.container {
    @include padding-box(32rpx 32rpx 150rpx 32rpx);
    background-color: #FAFAFC;
}

.scroll {
    height: 100vh;
}
.time-box{
    justify-content: center;
}
.messagelist {
    background-color: #ffffff;
    border-radius: 24rpx;
    margin-top: 24rpx;
    @include padding-box(24rpx);
    
    .title {
        padding-bottom: 24rpx;
        border-bottom: 0.5rpx solid #EAEAEF;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .left {
            color: #3D3D3D;
            font-weight: 600;
            font-size: 32rpx;
        }

        .right {
            color: #9497B1;
            font-size: 22rpx;

            text {
                margin-left: 14rpx;
            }
        }
    }

    .messageimg {
        margin-top: 24rpx;
    }

    .messageetext {
        margin-top: 24rpx;
        color: #565868;
        font-size: 26rpx;
    }


    .messagesdetail {
        font-size: 24rpx;
        margin-top: 24rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .sender {
            width: 250rpx;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

            .sendlabol {
                color: #9497B1;
            }

            .sendername {
                color: #565868;
            }
        }

        .sendto {
            .text {
                color: #565868;
            }

            .number {
                color: #00D679;
            }
        }

        image {
            margin-bottom: -3rpx;
            margin-left: 10rpx;
            width: 24rpx;
            height: 24rpx;
            
        }
    }
}
.image{
    border-radius: 16rpx;
}

.time {
    background: #FFFFFF;
    border-radius: 950rpx;
    @include padding-box(12rpx 16rpx);
    margin-top: 32rpx;
}

.empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:30rpx;
}